<template>
  <div class="hw-box-style-flex hw-box-style-flex-end">
    <t-button theme="default" variant="outline" @click="close">{{ props.closeTitle }}</t-button>
    <t-button @click="ok" class="hw-click-cursor submitBtn_style">{{ props.submitTitle }}</t-button>
  </div>
</template>

<script setup lang="ts">
// @ts-nocheck
const props = defineProps({
  submitTitle: {
    type: String,
  },
  closeTitle: {
    type: String,
  },
  loading: {
    type: Boolean,
  },
  // loading,
});
const emit = defineEmits(['btnOk', 'btnClose']);
const ok = (): void => {
  if (props.loading) {
    return;
  }
  emit('btnOk');
};
const close = (): void => {
  emit('btnClose');
};
</script>

<style lang="less" scoped>
.closeBtn_style {
  width: 60px;
  height: 36px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #e62b17;
  color: @color-text-color;
}
.submitBtn_style {
  width: 60px;
  height: 36px;
  // background: #d2ad77;
  // border-radius: 4px;
  // border: none;
  // color: #fff;
  // opacity: 0.9;
  // margin-left: @margin-hw-item;
}
.submitBtn_style:hover {
  opacity: 1;
}
</style>
